
<meta charset="utf-8">
<div class="box" id="biz_pmpProject_detail_task_conatainer">
	<!-- <div class="box-header with-border">
		
	</div> -->
	<div class="box-body">
			   <div class="nav-tabs-custom">
				            <ul class="nav nav-tabs" >
							  <li v-for="week in weekList">
							  <a v-bind:href="'#tab_'+week.mondayStart.substring(0,10)"
							  	 v-on:click="loadWeekData(week.mondayStart,week.sundayEnd)" data-toggle="tab"> 
							   		{{week.mondayStart.substring(0,10)}}<br>{{week.sundayEnd.substring(0,10)}}
							   </a>
							  </li>
				            </ul>
				            <div class="tab-content">
				              <div class="tab-pane active"   v-for="week in weekList" v-bind:id="'tab_'+week.mondayStart.substring(0,10)"><!-- id="tab_1" -->
				                <h3 align="center">需求进度{{week.mondayStart}}</h3>
				  					后台系统-权限管理
				                  <div class="progress">
						                <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
						                  <span class="sr-only">40% Complete (success)</span>
						                </div>
						            </div>
						              <hr>
						              
						              
						              
						              <h3 align="center">任务进度</h3>
						              
						               <div class="row">
						               	<div class="col-md-3">dev1：【指派25小时，投入15小时，剩余10小时】</div>
						               	<div class="col-md-9">
								               	 <div class="progress">
									                <div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
									                  <span class="sr-only">20% Complete</span>
									                </div>
									              </div>
						               	</div>
						               </div>
						              
						              <div class="row">
						               	<div class="col-md-3">dev2：【指派25小时，投入15小时，剩余10小时】</div>
						               	<div class="col-md-9">
								               	 <div class="progress">
									                <div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
									                  <span class="sr-only">20% Complete</span>
									                </div>
									              </div>
						               	</div>
						               </div>
						              
						              
						              
						              <hr>
						               <h3 align="center">BUG分布</h3>
						               
						                   <div class="row">
							               	<div class="col-md-1">&nbsp;</div>
							               	<div class="col-md-4"> <h4>bug率：</h4></div>
							               	<div class="col-md-4"><h4>bug数量：</h4></div>
							               	<div class="col-md-3"><h4>扣分：</h4></div>
							              </div>
						              
						               <div class="row">
						               	<div class="col-md-1" style="padding-top: -10px;"> <h4 style="padding-top: -10px;">dev1</h4></div>
						               	<div class="col-md-4">
						               		<div class="progress">
									                <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
									                  <span class="sr-only">20% Complete</span>
									                </div>
									              </div>
						               	</div>
						               	<div class="col-md-4">
									               <div class="progress">
									                <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
									                  <span class="sr-only">20% Complete</span>
									                </div>
									              </div>
						               	
						               	</div>
						               	<div class="col-md-3">
						               				<div class="progress">
										                <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
										                  <span class="sr-only">20% Complete</span>
										                </div>
						               				</div>
						               </div>
						              </div><hr>
						               
						              
				              </div>
				              <!-- /.tab-pane -->
				              <div class="tab-pane" id="tab_2">
				                The European languages are members of the same family. Their separate existence is a myth.
				                For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ
				                in their grammar, their pronunciation and their most common words. Everyone realizes why a
				                new common language would be desirable: one could refuse to pay expensive translators. To
				                achieve this, it would be necessary to have uniform grammar, pronunciation and more common
				                words. If several languages coalesce, the grammar of the resulting language is more simple
				                and regular than that of the individual languages.
				              </div>
				              <!-- /.tab-pane -->
				              <div class="tab-pane" id="tab_3">
				                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
				                Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
				                when an unknown printer took a galley of type and scrambled it to make a type specimen book.
				                It has survived not only five centuries, but also the leap into electronic typesetting,
				                remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
				                sheets containing Lorem Ipsum passages, and more recently with desktop publishing software
				                like Aldus PageMaker including versions of Lorem Ipsum.
				              </div>
				              <!-- /.tab-pane -->
				            </div>
				            <!-- /.tab-content -->
         		</div>
	</div>
</div>
<script>
    
new Vue({  
	  el: '#biz_pmpProject_detail_task_conatainer',
	  data:{
		  projectId: project_detail_main.$data.projectId,
		  project:{},
		  weekList:[],
		  searchForm:{
			  name: null,
			  pmUserId: null
		 },
		  bus:new Vue(),
	  },
	  mounted:function(){
		  var _this=this;
		_this.loadProject();
	  },
    methods: {
    	loadProject: function(){
    		 var _this=this;
    		 var url="/pmp/service/pub/pmpProject/loadProject";
    		 var param=zfesLayerEditDg.getLayerParam();
    		 zfesAjax.ajaxTodo(url,{"id":_this.projectId}, function(data){
        		 _this.$data.project=data.data.project;
        		 _this.$data.weekList=data.data.weekList;
        		
        	 })
    	},
    
    	loadWeekData: function(mondayStart,sundayEnd){
    		var _this=this;
    		var param={"id":_this.projectId,"startDate":mondayStart,"endDate":sundayEnd}
    		 var url="/pmp/service/pub/pmpProject/loadProjectWeekPlan";
    		 zfesAjax.ajaxTodo(url,param, function(data){
        		
        	 })
        	 
    	},
  	  initTable:function(){
  		var _this=this;
  		  var columns=[
  					{checkbox:true,width:20},
  					{field:'name',title:'项目名称',width:160},
  					{field:'version_name',title:'项目版本',width:60},
                    {field:'pm_user_name',title:'负责人',width:60},
					{field:'member_count',title:'项目组成员数',width:100},
					{field:'createTime',title:'创建时间',width:100},
					{field:'status',title:'当前状态',width:100,formatter:_this.formatStatus},
					{field:'status',title:'当前状态',width:60,formatter:_this.formatEntry}]; 
  		  var url="/pmp/service/ma/pmpProject/loadPmpProjectDataSet";
    		zfesBstable.laodTable($("#pmpProjectTaskBootstrapTable"),$("#pmpProjectTaskSearchForm"),$("#pmpProjectTaskTableToolbar"),url,columns,this.searchForm);
  	  },
  	  search:function(){
  		  zfesBstable.reload($("#pmpProjectTaskBootstrapTable")); 
  	  },
  	  refresh:function(){
  		  zfesBstable.refresh($("#pmpProjectTaskBootstrapTable"));
  	  },
  	  add:function(){
  		  var　_this=this;
  		 var url="/views/pmpProject/pmpProject.add.html";
  		 zfesLayerEditDg.open(url,{},"创建项目",460,function(){_this.refresh();});
  		 
  	  },
  	  edit:function(){
  		  if(zfesBstable.isOneRow($("#pmpProjectTaskBootstrapTable"))){
  			  var　_this=this;
  			  var id=zfesBstable.getRowId($("#pmpProjectTaskBootstrapTable"));
  			  var url="/views/pmpProject/pmpProject.edit.html";
  			  zfesLayerEditDg.open(url,{"id":id},"项目信息编辑",460,function(){_this.refresh();}); 
  		 }
  	  },
  	  deletex: function(){
  			if(zfesBstable.isSelectedRow($("#pmpProjectTaskBootstrapTable"))){
  				  var　_this=this;
  				    var id=zfesBstable.getRowId($("#pmpProjectTaskBootstrapTable"));
  					 alertSwal.confirm("删除","是否删除该项目",function(){
  						    var ajaxUrl = "/pmp/service/ma/pmpProject/setPmpProjectStatus";
  							zfesAjax.ajaxTodo(ajaxUrl, { "id" : id,"status":-1}, function(data) {
  								alertSwal.successText(data.message);
  								_this.refresh();
  							}); 
  				});
  			}
  				
  	  }
   }
});


</script>


